<template>
    <div class="parent">
        <grid :head="gridHead" :grid="gridData" @firstColClick="itemClick"/>
    </div>
</template>
<script>
import grid from '../../components/scrollGrid'
export default {
    name: 'capitalListCont',
    props: ['gridHead', 'gridData'],
    components: {
        grid
    }
}
</script>
<style scoped>
.parent{
    position: absolute;
    bottom: 101px;
    top: 93.7px;
}
.header{
    width: 750px;
    height: 90px;
    border-bottom-color: red;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.headerTitle {
    width: 750px;
    height: 90px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.titleItem{
    width: 200px;
    height: 50px;
    border-right-color: red;
    border-right-style: solid;
    border-right-width: 1px;
    
}
.list{
    width: 750px;
}
.listCont{
    width: 750px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.listItem{
    width: 110px;
    height: 50px;
    border-right-color: red;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: red;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
</style>

